Adwaita: scale with marks style fixes

after GtkRange gadgettification the theme needs some adjustments
for the new widget structure.

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 1aa69d6273551996727749c8d82b78f30d1f3295..f1437b607ef1d36a79d03e6e8445893dae850b56 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2483,6 +2483,10 @@ treeview.view radio {
 
 scale {
   // sizing
+
+  $_marks_lenght: 6px;
+  $_marks_distance: 6px;
+
   min-height: 10px;
   min-width: 10px;
   padding: 12px;
@@ -2582,14 +2586,22 @@ scale {
     }
   }
 
-  marks { color: gtkalpha(currentColor, 0.4); }
-  &.horizontal mark indicator {
-    min-height: 8px;
+  marks {
+    color: gtkalpha(currentColor, 0.4);
+
+    &.top { margin-bottom: $_marks_distance; }
+    &.bottom { margin-top: $_marks_distance; }
+    &.left { margin-right: $_marks_distance; }
+    &.right { margin-left: $_marks_distance; }
+  }
+
+  &.horizontal  indicator {
+    min-height: $_marks_lenght;
     min-width: 1px;
   }
-  &.vertical mark indicator {
+  &.vertical indicator {
     min-height: 1px;
-    min-width: 8px;
+    min-width: $_marks_lenght;
   }
 
   // *WARNING* scale with marks madness following

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index bcfd477623941c8db885d995e88e1bc31cd5b6c9..3d61a26c8f4f60bc9e38f32fc8d533626e7b008b 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2760,12 +2760,20 @@ scale {
         -gtk-icon-shadow: none; }
   scale marks {
     color: alpha(currentColor,0.4); }
-  scale.horizontal mark indicator {
-    min-height: 8px;
+    scale marks.top {
+      margin-bottom: 6px; }
+    scale marks.bottom {
+      margin-top: 6px; }
+    scale marks.left {
+      margin-right: 6px; }
+    scale marks.right {
+      margin-left: 6px; }
+  scale.horizontal indicator {
+    min-height: 6px;
     min-width: 1px; }
-  scale.vertical mark indicator {
+  scale.vertical indicator {
     min-height: 1px;
-    min-width: 8px; }
+    min-width: 6px; }
   scale.color.horizontal trough > trough > slider, scale.horizontal contents:last-child:not(:only-child) > trough > slider {
     margin: -9px;
     border-style: none;

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index ebc381c97b700ff27512b4bdc7cf1bf69a650c88..90259c38095b43d6b3a94942e5f15ff7e4c955e4 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -2791,12 +2791,20 @@ scale {
         -gtk-icon-shadow: none; }
   scale marks {
     color: alpha(currentColor,0.4); }
-  scale.horizontal mark indicator {
-    min-height: 8px;
+    scale marks.top {
+      margin-bottom: 6px; }
+    scale marks.bottom {
+      margin-top: 6px; }
+    scale marks.left {
+      margin-right: 6px; }
+    scale marks.right {
+      margin-left: 6px; }
+  scale.horizontal indicator {
+    min-height: 6px;
     min-width: 1px; }
-  scale.vertical mark indicator {
+  scale.vertical indicator {
     min-height: 1px;
-    min-width: 8px; }
+    min-width: 6px; }
   scale.color.horizontal trough > trough > slider, scale.horizontal contents:last-child:not(:only-child) > trough > slider {
     margin: -9px;
     border-style: none;